<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>字符串的常用方法</title>
</head>

<body>
  <!-- 
    1.charAt()
    语法：字符串.charAt（索引）
    作用：获取对应索引位置的字符
    返回值：对应索引位置的字符
    2.toLowerCase()
    语法：字符串.toLowerCase()
    作用：将字符串内的字幕全部转换成小写
    返回值：转换好的字符串
    3.toUpperCase()
    语法：字符串.toUpperCase()
    作用：将字符串内的字幕全部转换成大写
    返回值：转换好的字符串
    4.replace()
    语法：字符串.replace(换下内容，换上内容)
    作用：将字符串内的第一个满足换下内容的片段替换成换上内容
    返回值：替换好的字符串
    5.trim()
    语法：字符串.trim()
    作用：去除字符串首尾的空格，字符串中间的空格不去除
    返回值：去除空格后的字符串
    6.split()
    语法：字符串.split（分隔符）
    作用：按照分隔符将字符串切割成为一个数组
    返回值：切割后的数组
    7.substr()
    语法：字符串.substr(开始索引，多少个)
    作用: 截取字符串
    返回值：截取出来的字符串
    8.substring()
    语法：字符串.substring(开始索引，结束索引)
    作用: 截取字符串
    返回值：截取出来的字符串
    9.slice（）
    语法：字符串.slice(开始索引，结束索引)
    作用: 截取字符串
    返回值：截取出来的字符串
     -->
  <script>
    //准备一个原始字符串
    var str = '你好，前端小王子'
    //输出一次
    console.log(str)
    //执行一下charAt方法
    var res = str.charAt(3)
    //输出返回值
    console.log(res)

    //准备一个原始字符串
    var str = 'Hello,LitTle Prince'
    //输出一次
    console.log(str)
    //执行一下toLowerCase方法
    var res = str.toLowerCase()
    //输出返回值
    console.log(res)

    //准备一个原始字符串
    var str = 'Hello,LitTle Prince'
    //输出一次
    console.log(str)
    //执行一下toUpperCase方法
    var res = str.toUpperCase()
    //输出返回值
    console.log(res)

    //准备一个原始字符串
    var str = '你好，前端小王子'
    //输出一次
    console.log(str)
    //执行一下replace方法
    var res = str.replace('前端', '帅气')
    //输出返回值
    console.log(res)

    //准备一个原始字符串
    var str = '   你好，前端小王子   '
    //输出一次
    console.log(str)
    //执行一下trim方法
    var res = str.trim()
    var res1 = str.trimRight()
    console.log(res1);
    //输出返回值
    console.log(res)

    //准备一个原始字符串
    var str = '2020 3 22'
    //输出一次
    console.log(str)
    //执行一下split方法
    var res = str.split(' ')
    //输出返回值
    console.log(res)

    //准备一个原始字符串
    var str = '你好，前端小王子'
    //输出一次
    console.log(str)
    //执行一下substr方法
    var res = str.substr(-8, 6)
    //输出返回值
    console.log(res)

    //执行一下substring方法
    var res1 = str.substring(1, -1)//包含索引1不包含索引6
    //输出返回值
    console.log(res1)

    //执行一下slice方法
    // -1是最后一个索引减一
    var res2 = str.slice(1, -1)//包含索引1不包含索引6
    //输出返回值
    console.log(res2)
  </script>
</body>

</html>